<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" layout:decorator="layout/base">
<head>
	<title>用户管理</title>
	<script type="text/javascript" th:src="@{/assets/js/plugins/pickers/daterangepicker.js}"></script>
	
	
	<style>
	.ranges .daterangepicker-inputs {
	    display:none
	}
	.daterangepicker.single .calendar,.daterangepicker.single .ranges {
	    float: inherit;
	    margin-right: 5px;
	}
	</style>
</head>

<body>

	<!-- Page header -->
	<div class="page-header" layout:fragment="page-header">
		<div class="page-header-content">
			<div class="page-title">
				<h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">幸福母乳会客户管理系统</span> -到店邀约</h4>
			</div>
		</div>
	</div>
	<!-- /page header -->


	<!-- Main content -->
	<div class="content-wrapper" layout:fragment="content">
	<div class="navbar navbar-inverse" style="margin: 1px 1px 5px 1px;">
			<!-- Left nav -->
			<ul class="nav navbar-nav">
				<li><a th:href="@{'/telreserve/'+${customer.id}}">电话邀约</a></li>
				<li class="active"><a href="###">到店邀约</a></li>
				<li><a href="#">到店记录</a></li>
				<li><a th:href="@{'/deal/'+${customer.id}}">成交记录</a></li>
			</ul>
			<!-- /left nav -->
		
			<!-- Right nav -->
			<ul class="nav navbar-nav navbar-right">
				<li><a href="#">Link</a></li>
			</ul>
			<!-- /right nav -->
		
		</div>
		<!-- Table -->
		<div class="panel panel-flat min-panel">
			<div class="panel-heading">
				<h5 class="panel-title"><i class="icon-users text-danger" /> 到店邀约</h5>
				<div class="heading-elements"> 
					<button type="button" class="btn btn-primary btn-add" data-toggle="modal" data-target="#edit_dialog">新增<i class="icon-user-plus position-right"></i></button>
               	</div>
				
        	</div>

        	<div class="panel-body">
				<table class="table datatable-basic table-striped table-hover">
					<thead>
						<tr class="bg-primary">
							<th>客户</th>
							<th>是否同意</th>
							<th>预约时间</th>
							<th>备注</th>
							<th>创建时间</th>
						</tr>
					</thead>
					<tbody class="border-dashed">
						
					</tbody>
				</table>
			</div>
			<div id="edit_dialog" class="modal fade in">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">×</button>
							<h5 class="modal-title text-primary">新增预约</h5>
						</div>

						<form action="#" id="edit">
							<input id="customerId" type="hidden" name="customerId" th:value="${customer.id}"/>
							<input type="hidden" name="customerName" th:value="${customer.name}"/>
							<input type="hidden" name="customerPhone" th:value="${customer.phone}"/>
							<div class="modal-body">
								<div class="form-group">
									<label>是否同意<span class="text-danger">*</span></label>
									<select name="agree" class="select form-control input-xs">
										<option value="true" selected="selected">是</option>
										<option value="false">否</option>
									</select>
								</div>

								<div class="form-group" id="detail">
									<label>预约时间</label>	
									<input name="reserveTime" id="reserveTime" type="text" placeholder="预约时间" class="form-control"/>
								</div>
								
								<div class="form-group">
									<label>备注</label>	
									<textarea name="comment" cols="5" rows="5" class="form-control"></textarea>
								</div>
								
								
							</div>
								
							<div class="modal-footer">
								<button type="button" class="btn btn-link" data-dismiss="modal">关闭</button>
								<button type="button" id="submitEdit" class="btn btn-primary" >保存</button>
							</div>
						</form>
					</div>
				</div>
			</div>
			
		</div>
		<!-- /table -->
		<script type="text/javascript" th:src="@{/oss/js/storereserve.js}"></script>

	</div>
	<!-- /main content -->

</body>
</html>
